<template>
    <div>
        我是two组件
    </div>
</template>

<script lang='ts' setup>
import emitter from "../../utils/bus"
import { onMounted, onBeforeUnmount, defineExpose } from "vue"
import { ref } from "vue"
// 监听one组件传值
onMounted(() => {
    emitter.on('TB', (info) => {
        console.log(info)
    })
})
// 组件销毁前移除监听器
onBeforeUnmount(() => {
    emitter.off('TB')
})

// 定义组件内部的数据和方法（setup语法糖规定组件内部默认封闭的）
let name = ref('李白')
function change() {
    name.value = "甄姬"
}

// 暴露组件内部的数据和方法
defineExpose({
    name,
    change
})

</script>

<style scoped></style>